//require('path') 获取当前文件所在路径。
const path = require('path');
module.exports ={
    entry:path.join(__dirname,'./src/js/main.js'),//需要打包文件路径
    output:{
        path:path.join(__dirname,'./dist'),//打包好文件存放地址（path 需要绝对路径，str.("","") 是拼接字符的方法。）
        filename:'bundle3.js'//打包好的文件名字
    },
    mode:'development',//设置mode
    module: {
        rules: [
            // //以.ts结尾的文件 使用 ts-loader进行打包
            { test: /\.ts$/, use: 'ts-loader' },
            //以.css结尾的文件 使用 css-loader进行打包
            //css-loader 编辑 css文件  style-loader挂载css文件 应为该文件读取的是从右向左读取，
            //所以一定要  css在右 style在左。
            {test: /\.css$/,use: [{loader: "style-loader"}, {loader: "css-loader"}]},
            {
                test: /\.(png|jpg|gif)$/i,
                use: [
                    {
                        loader: 'url-loader',
                        options: {
                            limit: 130000,
                        },
                    },
                ],
            },

        ],
    },

}